<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<meta name="author" content="order by dede58.com"/>
	<title>确认订单-DeathGhost</title>
	<meta name="keywords" content="DeathGhost,DeathGhost.cn,web前端设,移动WebApp开发" />
	<meta name="description" content="DeathGhost.cn::H5 WEB前端设计开发!" />
	<meta name="author" content="DeathGhost"/>
	<link href="style/style.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="js/public.js"></script>
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/jqpublic.js"></script>
	<!--
    Author: DeathGhost
    Author URI: http://www.deathghost.cn
    -->
</head>
<body>
<header>
	<jsp:include   page="commen/head.jsp" flush="true"/>
</header>
<!--Start content-->
<section class="Psection MT20" id="Cflow">
	<!--如果用户未添加收货地址，则显示如下-->
	<div class="confirm_addr_f">
		<span class="flow_title">收货地址：</span>
		<!--已保存的地址列表-->
		<form action="/orders/insert">

			<input type="hidden" name="checkId" value="${checkId}"/>

			<ul class="address">

<c:forEach items="${addressList }" var="address">
				<li id="style1"><input type="radio"  value="${address.id}" id="1"  name="addrId" onclick="changeColor(1)"/><label for="1"> ${address.province}${address.city}${address.area}${address.street}（${address.username}收）<span class="fontcolor">${address.phone}</span></label></li>
</c:forEach>
			</ul>
		</form>
	</div>
	<!--配送方式及支付，则显示如下-->
	<!--check order or add other information-->
	<div class="pay_delivery">
		<span class="flow_title">配送方式：</span>
		<table>
			<th width="30%">配送方式</th>
			<th width="30%">运费</th>
			<th width="40%">说明</th>
			<tr>
				<td>送货上门</td>
				<td>￥0.00</td>
				<td>配送说明信息...</td>
			</tr>
		</table>
		<span class="flow_title">在线支付方式：</span>
		<form action="#">
			<ul>
				<li><input type="radio" name="pay" id="alipay" value="alipay" /><label for="alipay"><i class="alipay"></i></label></li>
			</ul>
		</form>
	</div>
	<form action="#">
		<div class="inforlist">
			<span class="flow_title">商品清单</span>
			<table>
				<th>名称</th>
				<th>数量</th>
				<th>价格</th>
				<th>小计</th>
<c:forEach items="${cartList }" var="cart">

	<input type="hidden" name="cartId" value="${cart.id}"/>

<tr>
					<td>${cart.pname}</td>
					<td>${cart.num}</td>
					<td>￥${cart.price}</td>
					<td>￥${cart.money}</td>
				</tr>
</c:forEach>

			</table>

			<div class="Sum_infor">
				<p class="p2">合计：<span>￥${total}</span></p>
				<input type="submit" value="提交订单"  class="p3button">
			</div>
		</div>
	</form>
	</div>
</section>
<script>
	//Test code,You can delete this script /2014-9-21DeathGhost/
	$(document).ready(function(){
		var submitorder =$.noConflict();
		submitorder(".p3button").click(function(){
			submitorder("#Cflow").hide();
			submitorder("#Aflow").show();
		});
	});
</script>
<section class="Psection MT20 Textcenter" style="display:none;" id="Aflow">
	<!-- 订单提交成功后则显示如下 -->
	<p class="Font14 Lineheight35 FontW">恭喜你！订单提交成功！</p>
	<p class="Font14 Lineheight35 FontW">您的订单编号为：<span class="CorRed">201409205134</span></p>
	<p class="Font14 Lineheight35 FontW">共计金额：<span class="CorRed">￥359</span></p>
	<p><button type="button" class="Lineheight35"><a href="#" target="_blank">支付宝立即支付</a></button><button type="button" class="Lineheight35"><a href="user_center.html">进入用户中心</button></p>
</section>
<!--End content-->
<div class="F-link">
	<span>友情链接：</span>




</div>
<footer>
	<section class="Otherlink">
		<aside>
			<div class="ewm-left">
				<p>手机扫描二维码：</p>
				<img src="images/Android_ico_d.gif">
				<img src="images/iphone_ico_d.gif">
			</div>
			<div class="tips">
				<p>客服热线</p>
				<p><i>1830927**73</i></p>
				<p>配送时间</p>
				<p><time>09：00</time>~<time>22:00</time></p>
				<p>网站公告</p>
			</div>
		</aside>
		<section>
			<div>
				<span><i class="i1"></i>配送支付</span>
				<ul>
					<li><a href="article_read.html" target="_blank" title="标题">支付方式</a></li>
					<li><a href="article_read.html" target="_blank" title="标题">配送方式</a></li>
					<li><a href="article_read.html" target="_blank" title="标题">配送效率</a></li>
					<li><a href="article_read.html" target="_blank" title="标题">服务费用</a></li>
				</ul>
			</div>
			<div>
				<span><i class="i2"></i>关于我们</span>
				<ul>
					<li><a href="article_read.html" target="_blank" title="标题">招贤纳士</a></li>
					<li><a href="article_read.html" target="_blank" title="标题">网站介绍</a></li>
					<li><a href="article_read.html" target="_blank" title="标题">配送效率</a></li>
					<li><a href="article_read.html" target="_blank" title="标题">商家加盟</a></li>
				</ul>
			</div>
			<div>
				<span><i class="i3"></i>帮助中心</span>
				<ul>
					<li><a href="article_read.html" target="_blank" title="标题">服务内容</a></li>
					<li><a href="article_read.html" target="_blank" title="标题">服务介绍</a></li>
					<li><a href="article_read.html" target="_blank" title="标题">常见问题</a></li>
					<li><a href="article_read.html" target="_blank" title="标题">网站地图</a></li>
				</ul>
			</div>
		</section>
	</section>
	<div class="copyright">© 版权所有 2020
</footer>
</body>
</html>
